<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>元素选择器</title>
		<style>
			*{
				font-size: 14px;
				font-family: "微软雅黑";
			}
			
			
			div.wh{
				border: 1px solid red;
				width: 80px;
				height: 60px;
				margin: 5px;
				text-align: center;
				line-height: 60px;
				float: left;
			}
			
			#king{
				width: 600px;
				border: 1px solid red;
				height: 100px;
				margin: 5px;
				text-align: center;
				line-height: 100px;
				color: red;
				font-weight: bold;
				/*float: left;*/
			}
			
			.cc{
				width: 600px;
				border: 1px solid red;
				height: 100px;
				margin: 5px;
				text-align: center;
				line-height: 100px;
				color: red;
				font-weight: bold;
				float: left;
			}
			
			#container{
				width: 620px;
				height: auto;
				margin: 20px auto;
				overflow: hidden;
				border: 3px green solid;
			}
			
			.bg{
				background-color: green;
			}
			
			.scott-user-submit{
				margin: 5px auto;
				color: white;
				background-color: #ef5b00;
				height: 50px;
				line-height: 50px;
				text-align: center;
				width: 45%;
				display: block;
				cursor: pointer;
				font-size: 14px;
				font-family: "Microsoft YaHei";
				
				/*去掉边框的关键代码*/
				border: 0 none;
			}
		</style>
	</head>
	<body>
		
		<div id="container">
			<div id="king">
				刘备
			</div>
			<div class="wh">
				关羽
			</div>
			<div class="wh">
				张飞
			</div>
			<div class="wh">
				赵云
			</div>
			<div class="wh">
				马超
			</div>
			<div class="wh">
				黄忠
			</div>
			
			<label class="cc">
				曹操
			</label>
			<span class="cc" style="background-color: ;">
				孙权
			</span>
			
			<input class="scott-user-submit" type="button" onclick="searchKing();" value="三国之皇帝"  />
		</div>
		
		
		
	</body>
	<!--第1步:导入jquery-->
	
	<script>
		//2 让所有的皇帝变成背景色绿色
	</script>
</html>
